// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;

$chat-text-color: rgba(0, 1, 10, 0.93);
$chat-time-color: rgba(1, 11, 50, 0.41);
$chat-error-color: #f75559;
$chat-bgColor2: #fff;
$chat-text-size: 14px;

/*1200px*/
@media screen and (min-width: 1200px) {
  :root {
    --app-content-width: 1200px;
    --app-left: calc(50% - 600px);
  }
}
/* 小于1200*/
@media screen and (max-width: 1200px) {
  :root {
    --app-content-width: calc(100% - 30px);
    --app-left: 15px;
  }
}

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  chatTextColor: $chat-text-color;
  chatTimeColor: $chat-time-color;
}
